<!DOCTYPE html>
<html>
<head> 
<meta charset="UTF-8">
	<title>baby&mama</title> 
	<!-- 
	<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.js"></script>
	<link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.css" rel="stylesheet" />
	<link rel="stylesheet" href="jquery.mobile-1.0a2.min.css" />
	<script src="jquery-1.6.4.min.js"></script>
	<script src="jquery.mobile-1.0a2.min.js"></script>
	 -->
	
	<link rel="stylesheet" type="text/css" href="jquery.mobile-1.1.0.min.css" />

<script type="text/javascript" src="jquery-1.6.4.min.js"></script> 
<script type="text/javascript" src="jquery.mobile-1.0.1.min.js"></script>

<!-- Optional Mousewheel support: http://brandonaaron.net/code/mousewheel/docs 
<script type="text/javascript" src="PATH/TO/YOUR/COPY/OF/jquery.mousewheel.min.js"></script>-->
<!--
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script>
<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i8n/jquery.mobile.datebox.i8n.en.js"></script>-->

</head> 
<body>
	<div data-role="page">

		<div data-role="header">
				<a href="pregnancyCare.html" data-role="button" data-theme="b" rel="external" data-inline="true">Back</a>
			<h1>Theo dõi bé</h1>
		</div>
		<!-- /header -->

		<div data-role="content">
			<form name="weekform">
				<p>Nguồn thông tin: tham khảo từ internet (eva.vn,
					http://www.ubmvgiadinh.org..)</p>
				<div data-role="fieldcontain">
					<fieldset data-role="controlgroup">
						<label for="textinput2"> Tuần </label> <input id="week"
							name="week" placeholder="" value="" type="text" />
					</fieldset>
				</div>
				<input value="Xem" type="button" name="btnProcess"
					onclick="processData();" />
			</form>

			<div class=ui-grid-c>
			
				<div class="ui-block-a"><div><a href="week/w1.html">Tuần 1</a></div></div>
				<div class="ui-block-b"><div ><a href="week/w2.html">Tuần 2</a></div></div>
				<div class="ui-block-c"><div><a href="week/w3.html">Tuần 3</a></div></div>
				<div class="ui-block-c"><div><a href="week/w4.html">Tuần 4</a></div></div>
				<!-- <div class="ui-block-d"><div class="ui-bar ui-bar-e" ><a href="week/w4.html">T4</a></div></div> -->
				
				
				<div class="ui-block-a"><div><a href="week/w5.html">Tuần 5</a></div></div>
				<div class="ui-block-b"><div ><a href="week/w6.html">Tuần 6</a></div></div>
				<div class="ui-block-c"><div><a href="week/w7.html">Tuần 7</a></div></div>
				<div class="ui-block-c"><div><a href="week/w8.html">Tuần 8</a></div></div>
				
				
				<div class="ui-block-a"><div><a href="week/w9.html">Tuần 9</a></div></div>
				<div class="ui-block-b"><div ><a href="week/w10.html">Tuần 10</a></div></div>
				<div class="ui-block-c"><div><a href="week/w11.html">Tuần 11</a></div></div>
				<div class="ui-block-c"><div><a href="week/w12.html">Tuần 12</a></div></div>
				
			</div>
			<div>Tam cá nguyệt thứ 2</div>
			<div class=ui-grid-c>
			
				<div class="ui-block-a"><div><a href="week/w13.html">Tuần 13</a></div></div>
				<div class="ui-block-b"><div ><a href="week/w14.html">Tuần 14</a></div></div>
				<div class="ui-block-c"><div><a href="week/w15.html">Tuần 15</a></div></div>
				<div class="ui-block-c"><div><a href="week/w16.html">Tuần 16</a></div></div>
				<!-- <div class="ui-block-d"><div class="ui-bar ui-bar-e" ><a href="week/w4.html">T4</a></div></div> -->
				
				
				<div class="ui-block-a"><div><a href="week/w17.html">Tuần 17</a></div></div>
				<div class="ui-block-b"><div ><a href="week/w8.html">Tuần 18</a></div></div>
				<div class="ui-block-c"><div><a href="week/w9.html">Tuần 19</a></div></div>
				<div class="ui-block-c"><div><a href="week/w20.html">Tuần 20</a></div></div>
				
				
				<div class="ui-block-a"><div><a href="week/w21.html">Tuần 21</a></div></div>
				<div class="ui-block-b"><div ><a href="week/w22.html">Tuần 22</a></div></div>
				<div class="ui-block-c"><div><a href="week/w23.html">Tuần 23</a></div></div>
				<div class="ui-block-c"><div><a href="week/w24.html">Tuần 24</a></div></div>
				
			</div>
			
			<div>Tam ca nguyen thu 3</div>
			<div class=ui-grid-c>
			
				<div class="ui-block-a"><div><a href="week/w25.html">Tuần 25</a></div></div>
				<div class="ui-block-b"><div ><a href="week/w26.html">Tuần 26</a></div></div>
				<div class="ui-block-c"><div><a href="week/w27.html">Tuần 27</a></div></div>
				<div class="ui-block-c"><div><a href="week/w28.html">Tuần 28</a></div></div>
				<!-- <div class="ui-block-d"><div class="ui-bar ui-bar-e" ><a href="week/w4.html">T4</a></div></div> -->
				
				
				<div class="ui-block-a"><div><a href="week/w29.html">Tuần 29</a></div></div>
				<div class="ui-block-b"><div ><a href="week/w30.html">Tuần 30</a></div></div>
				<div class="ui-block-c"><div><a href="week/w31.html">Tuần 31</a></div></div>
				<div class="ui-block-c"><div><a href="week/w32.html">Tuần 32</a></div></div>
				
				
				<div class="ui-block-a"><div><a href="week/w33.html">Tuần 33</a></div></div>
				<div class="ui-block-b"><div ><a href="week/w34.html">Tuần 34</a></div></div>
				<div class="ui-block-c"><div><a href="week/w35.html">Tuần 35</a></div></div>
				<div class="ui-block-c"><div><a href="week/w36.html">Tuần 36</a></div></div>
				
				<div class="ui-block-c"><div><a href="week/w37.html">Tuần 37</a></div></div>
				<div class="ui-block-c"><div><a href="week/w38.html">Tuần 38</a></div></div>
				<div class="ui-block-c"><div><a href="week/w39.html">Tuần 39</a></div></div>
				<div class="ui-block-c"><div><a href="week/w40.html">Tuần 40</a></div></div>
				
			</div>
			
			<!--                   
<div data-role="fieldcontain"><label for="week-choice" class="select">Pick a country to know more:</label> 
 
 <select name="country-choice" id="country-choice">
 <option value="AFG">Afghanistan</option>
  <option value="ALB">Albania</option> 
  <option value="DZA">Algeria</option> 
 </select>
 
	<script type="text/javascript">
    $("select").change(function () {
          clickActions();
        })
    .change();
	</script>
</div> -->
			<div id="resultDiv"></div>
			<script type="text/javascript">
    function processData () {
       var week= $('#week').val();
       //$.mobile.loadPage('week/w'+week+'.html');
      $.get('week/w'+week+'.html', function(data) {
    	  /* 		newPage = $(data);
			newPage.appendTo( $.mobile.pageContainer );
    	 //go to it
    	 $.mobile.changePage( newPage );
    	*/ 
    	  $('#resultDiv').html(data);
    	 });

    }
	</script>
		</div>
		<div data-role="footer">
				<h4>baby&mama</h4>
			</div>
			<!-- /footer -->

		</div>
		<!-- /page -->
</body>
</html>